body,div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,p,a,span,input,img,button{ margin:0; padding:0; list-style:none; border:none;}
body{ color:#161616; font-size:12px; font-family:"微软雅黑";  }
a{ color:#161616; text-decoration:none;}
a:hover{text-decoration:none;}

/*伪类清浮动*/
/*这段代码 每次要加在cssrest当中 把它当做一个模块来使用 使用方法就是：给高度塌陷的元素 加上这个clearfix类名即可*/
	.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-table; }
	*html .clearfix { height: 1%; }
	.clearfix { display: block; }
	*+html .clearfix { min-height: 1%; }
	
	

.header{ width: 80%; height: 80px; margin:0 auto;}
.header h1{ float:left; margin-top:17px; width:105px; height:50px;}
.header h1 a{ display:block; height:0; width:105px; line-height:50px; padding-top:50px; overflow:hidden; background:url(../img/logo.png) no-repeat;}
.header ul{ float:right;margin-top:38px;}
.header ul li{ float:left; font-size:14px;  height:14px; line-height:14px;}
.header ul li.li1{ background:url(../img/li1.png) no-repeat right;width:43px;}
.header ul li.li2{ padding-left:13px;width:30px;}
.header ul li a{ color:#202020;} 
.header ul li a:hover{ color:#1763af;}

/*导航*/
.nav{ width:100%; height:60px; background:#60ddfd;}
.nav .con{ width:80%; height:60px; margin:0 auto;}
.nav .con ul li{ float:left; width:120px; height:60px; }
.nav .con ul li a{ display:inline-block; width:120px; height:60px;line-height:60px; font-size:16px; color:#000; text-align:center;}
.nav .con ul li a:hover{ background:#069; color:#fff;}

/*底部*/
.footer{width:80%; height:102px; margin:0 auto;}
.footer .f_nav{padding:33px; position:relative;}
.footer .f_nav ul{ height:12px; width:476px; margin:0 auto; position:absolute; left:50%; margin-left:-238px;}
.footer .f_nav ul li{ float:left; margin:0 23px;} 
.footer p{ text-align:center;}



/*-------------报名---------------*/
.center{ width:80%; height:auto; margin:50px auto;}
.center .message{width:auto; height:auto; margin:0 auto; padding-left:15%;}
.information{width:auto; height:auto; line-height:24px; font-size:14px; margin:20px;}
.information .sp1{ display:inline-block; width:21px; height:20px; color:red;margin-right:5px; text-align:right;}
.information .sp2{ display:inline-block; width:42px; height:20px; line-height:20px;}
.information .userName,.information .select,.information .Email,.information .number,.information .code{ width:168px; height:24px; border:1px solid #ccc; padding-left:4px; margin-left:10px;}
.information label{ margin-left:10px; height:20px; width:100px; }
.information .select{ margin-right:10px;}
.information .btn{width:100px; height:24px; background:#ccc; line-height:24px; text-align:center; margin:10px;}
.information .codeSp1{width:7px;}
.information .codeSp2{width:56px;}
.information .apply,.information .return{ display:inline-block;width:80px; height:24px; text-align:center; line-height:24px; color:#fff; background:#1a61af; margin:50px;}
.information .box{ display:inline-block;}


/*------------------报名成功------------------*/
.succeed{width:80%; height:auto; margin:20px auto;}
.succeed .img{width:600px; height:auto; margin:0 auto;}
.succeed .time{ text-align:center; margin:20px 0;}
.succeed .btn{ width:600px; height:auto; margin:10px auto; text-align:center;}
.succeed .btn a{ width:50%; height:50px; color:#fff; background:#1a61af; display:inline-block; margin:10px 0; font-size:20px; font-weight:100; line-height:50px; text-align:center;}


/*----------成绩查询--------------------*/
.demand{ width:80%; height:305px; margin:10px auto;}
.demand .left,.demand .right{ float:left;}
.demand .left{ width:30%;}
.demand .right{ width:70%; height:250px;}
.demand .right img{ width:100%; height:250px;}
.demand .search{ width:100%; height: auto; margin:10px 0;}
.demand .search .text{ width:200px; height:25px; padding-left:5px; line-height:27px; border:1px solid #ccc;}
.demand .search .btn{ width:50px; height:27px; background:#1a61af; color:#fff; margin-left:10px;}
.demand .message{ line-height:30px;}
.demand .look{ display:block; width:100px; height:27px; background:#1a61af; color:#fff; text-align:center; line-height:27px; border-radius:15px;}
.personal{ width:80%; height:auto; margin:0 auto;}
.personal .title{ width:100%; height:30px; font-size:16px; line-height:30px; text-align:center; margin:10px 0;}
.personal table tr td{text-align: center; background:#fff; width:16.5%;}
.other{width:80%; height:auto; margin:20px auto;}
.other .left{ float:left; width:49%; height:auto;}
.other .left .title,.other .right .title{ font-weight:bold; text-align:center; background:#1a61af; color:#fff; border-radius:10px 10px 0 0; height:30px; width:150px; margin:20px auto; line-height:30px;}
.other .right{float:right; width:49%; height:auto;}
.other .left table tr td{text-align: center; background:#fff; width:25%;}
.other .right table tr td{text-align: center; background:#fff; width:20%;}

/*-------------------错题---------------------*/
.outside{ width:80%; height:auto; margin:0 auto 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.outside .left{ float:left; width:30%; height:auto; padding:10px 0 0 50px; box-sizing:border-box;}
.outside .right{ float:right; width:70%; height:100%; border-left:1px solid #ccc; box-sizing:border-box;}
.outside .left p{margin:20px 0;}
.outside .left p .sp1{ width:60px; text-align:right; display:inline-block;}
.outside .left p .sp2{ width:170px; display:inline-block; border-bottom:1px solid #ccc; padding:5px; box-sizing:border-box;}
.outside .right .top{width:100%; height:auto; padding:10px 0 0 40px; box-sizing:border-box;}
.outside .right .top p{margin:10px 0;}
.outside .right .top p span{ display:inline-block; width:100px; margin-right:10px;}
.outside .right .top p a{ font-weight:bold; font-size:14px; display:inline-block;}

.outside .right .test{ width:100%; height:560px;overflow-y: auto;padding:10px 40px; box-sizing:border-box;}
.outside .right .test .subject p{ margin:10px 0; width:300px; line-height:20px;}
.outside .right .test .subject .option input{  margin:5px 0;}


.outside .right .bottom{ border-top:1px solid #ccc; width:100%; height:auto; padding:15px 0 0 60px; box-sizing:border-box;}
.outside .right .bottom a{display:inline-block; width:100px; height:30px; font-size:16px; text-align:center; line-height:30px; background:#1a61af; color:#fff; box-sizing:border-box; margin:0 20px 20px 0;}

/*---------------------------错题库---------------*/
.wrongTable{ width:80%; height:auto; margin:20px auto;}
.wrongTable .top{width:100%;height:auto; box-sizing:border-box;}
.wrongTable .top p{ float:left; margin-left:12px;}
.wrongTable .top p.search{float:right;}
.wrongTable .top p.startTime input,.wrongTable .top p.endTime input,.wrongTable .top p.search input{ border:1px solid #ccc;}
.wrongTable .top .search a{ display: inline-block; width:50px; height:20px; line-height:20px; text-align:center; background:#1a61af; color:#fff; margin:0 10px;}
.wrongTable table { width:100%; height:auto; background:#ccc; margin:10px;}
.wrongTable table tr td{ width:16.5%; text-align: center; background:#fff;}
.wrongTable .bottom{ width:100%; padding-left:12px; box-sizing:border-box;margin:10px 0 100px 0; }
.wrongTable .bottom .left{ float:left;}
.wrongTable .bottom .right{ float:right;}
.wrongTable .bottom .right a{display: inline-block; width:50px; height:20px; line-height:20px; text-align:center; background:#1a61af; color:#fff; margin:0 5px;}
.wrongTable .bottom .right input{ width:20px; height:20px; border:1px solid #ccc; text-align:center; line-height:20px;margin:0 5px;}

/*错题解析*/
.outside .right .top p.p2 a{font-size:12px; display:inline-block; background:#1a61af; color:#fff; width:75px; height:20px; line-height:20px; text-align:center;}
.outside .right .test2{ height:460px;}

/*--------------答题界面-------------*/

.outside .right .top .plan{float:left; margin-top:10px;}
.outside .right .top .plan .color{ width:200px; height:10px; background: url(../img/bb.png) no-repeat; position:relative; display:inline-block;} 
.outside .right .top .plan .color span{ display:inline-block; width:20px; height:10px; background:url(../img/aa.png) no-repeat; position:absolute; top:0; left:0;}
.outside .right .top .timer{float:right; width:108px;}
.outside .right .top .timer p span{ display:inline-block; width:7px;}

.outside .right .bottom{position:relative; }
.popup02,.popup03,.popup04{position:fixed; top:0;left:0; width:100%; height:100%; z-index:100; background:rgba(0,0,0,.5); display:none;}
.outside .right .bottom .popup01{ position:absolute;left:105px; top:-70px; border:1px solid #ccc; background:#fff; z-index:10; padding:10px 0 0 10px; display:none; text-align:center;}
.outside .right .bottom .popup01 .undone,.outside .right .bottom .popup01 .submit{width:140px; display:block; margin:0 10px 10px 0;}
.popup2,.popup4{ border:1px solid #ccc; width:250px; height:150px; background:#fff; position:absolute; top:200px; left:45%; }
.popup2 .title,.popup04 .title{ height:20px; line-height:20px; color:#fff; background:#1a61af; padding-left:5px;}
.popup2 .hint,.popup04 .hint{ font-size:14px; font-weight:bold; padding:30px 10px; text-align:center;}
.popup2 a,.popup3 a,.popup4 a{font-weight:bold; font-size:14px; background:#1a61af; color:#fff; margin-left:40px; text-align:center; display:inline-block; width:65px; height:20px;}
.popup3{ border:1px solid #ccc; width:100px; height:50px; text-align:center; padding:20px; background:#fff; position:absolute; top:200px; left:45%; }
.popup3 a{ margin:10px 0 0 0;}

/*公告*/

.notice{ width:80%; height:auto; margin:40px auto; padding:0 10px; box-sizing:border-box;}

.notice h2{ width:100%; height:auto; text-align:center; font-size:25px; font-weight:400; margin-bottom:10px;}
.notice p{ text-indent:2em; line-height:30px;}

/*---------竞赛宣传-------------*/
.publicity{ width:80%; height:auto; margin:20px auto;}
.publicity .introduce p{ padding:10px 0 0 0; line-height:20px; text-indent:2em; margin-bottom:50px;}
.publicity .details .left,.publicity .details .right{ float:left; width:50%;height:auto;}
.publicity .details .left{ border:1px solid #666; box-sizing:border-box; position:relative;}
.publicity .details .left ul.title,.publicity .details .left ul.content{float:left;}
.publicity .details .left ul.title li{ width:100px; height:40px; font-size:16px; color:#000; background:#ccc; border:1px solid #666; text-align:center; line-height:40px; font-weight:500;cursor:pointer;}
.publicity .details .left ul.content li{ position:absolute; top:0; left:100px; padding:20px; height:210px; display:none; overflow-y:auto;  }

.publicity .details .left ul.title li.current{ background:#1a61af; color:#fff;}
.publicity .details .left ul.content li.current{ display:block;}

.publicity .details .right h2{ text-align:center; width:100%; margin:10px 0;}
.publicity .details .right p{ width:100%; height:auto; text-align:center; line-height:20px;}
.cfooter{ position:fixed; left:10%; bottom:10px;}

/*模拟面试设置*/
.set{ width:80%; height:400px; margin:50px auto;}
.set p{ width:100%; text-align:center; margin:50px 0;}
.set p select{ width:100px; height:20px;}
.set p a{display: inline-block; width:80px; height:20px; line-height:20px; text-align:center; background:#1a61af; color:#fff;}


